<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title></title>
    <script src="/scripts/jquery.js"></script>
	
	<style>
		body{
			margin:auto;
			padding:0;
		}
		.info{
			margin:10px 0 0 0 ;
			padding:0 0 0 10px;
			float:left;
			width:60%;
			height:100px;
			border-right:1px solid #CCCCCC ;
		}
		.operta{
			margin:10px 0 0 0 ;
			float:left;
			width:38%;
			height:100px;
		}
		.operta a{
			display:block;
			padding:0 0 0 10px;
			height:30px;
			text-decoration:none;
			width:90px;
			float:left;
			color:#AA3D39;
		}
		.operta a:hover{
			text-decoration:underline;
			color:#218D2C;
		}
		.imgdiv{
			height:100px;
			width:110px;
			float:left;
		}
		.imgdiv img{
			height:100px;
			width:110px;
		}
		.other{
			margin:10px 0 0 5px;
			float:left;
			width:100px;
			height:100px;
		}
		.other .info_n{
			margin:0 0 10px 0;
			width:200px;
			height:20px;
			border-bottom:1px solid #CCCCCC;
			float:left;
		}
	</style>

  </head>
  
  <body style="background-color:#F2FDDB;">
  <input type="hidden" value="<c:out value="${user.id}"/>" id="id"  />
	  <div class="info">
		<div class="imgdiv">
			<img src="/images/defpic.jpg" />
		</div>  
		<div class="other">
		  	<div class="info_n">编号:<c:out value="${user.systemNumber}" /></div>
		  	<div class="info_n">姓名:<c:out value="${user.userName}" /></div>
		</div>
	  </div> 
	  <div class="operta">
	  		<a href="#" class="userInfo">个人信息</a>
	  		<a href="#" class="logout" > 安全退出</a>
	  		<a href="#" class="changePass" > 修改密码</a>
	  		<a href="#" class="help">用户手册</a>
	  </div>
  </body>
<script type="text/javascript">
	$(document).ready(function(){
		$(".userInfo").click(function(){
			var id = $("#id").val();
			parent.document.getElementById("right_bot").src="/userMan/editUserInfo?id="+id ;
			return false;
		});
		$(".logout").click(function(){
			$.ajax({
				async:false,
				type:"POST",
				data:{"logout":true},
				url:"/logout",
				dataType:"json",
				success:function(msg){
					var data = eval("("+msg+")");
					top.location="/index.jsp";
				},
			})
		});
		$(".changePass").click(function(){
			parent.document.getElementById("right_bot").src="/userMan/changepass.action" ;
			return false;
		});
		$(".help").click(function(){
			parent.document.getElementById("right_bot").src="/help" ;
			return false ;
		});
		
	});

</script>
</html>

